<div class="header-logo">
    <div class="h-logo-src"></div>
    <h6>万漉彩票</h6>
</div>
<div class="header-content">
    <div id="openingballs">
        <div class="now-res">
            <div class="now-res-inner">
                <p>第20190517期</p>
            </div>
        </div>
        <div class="kj-contain">
            <div class="kj-res" onclick="onSingleShow('#kj-dropdown','show',event);">
                <div class="kj-res-one bg-primary">6</div>
                <div class="kj-res-one bg-secondary">7</div>
                <div class="kj-res-one bg-success">10</div>
                <div class="kj-res-one bg-info">2</div>
                <div class="kj-res-one bg-warning">1</div>
                <div class="kj-res-one bg-danger">8</div>
                <div class="kj-res-one bg-focus">3</div>
                <div class="kj-res-one bg-alternate">9</div>
                <div class="kj-res-one bg-light">5</div>
                <div class="kj-res-one bg-dark">4</div>
            </div>
        </div>
    </div>
    <div class="kj-contain">
        <div class="wlh-dropdown" id="kj-dropdown"  style="position: absolute;width: 540px; top: 0px; left: 40%; transform: translate3d(-180px,44px,0px);">
            <div class="wlh-dropdown-item">
                <div class="kj-time">期数199923</div>
                <div class="kj-res">
                    <div class="kj-res-one bg-primary">6</div>
                    <div class="kj-res-one bg-secondary">7</div>
                    <div class="kj-res-one bg-success">10</div>
                    <div class="kj-res-one bg-info">2</div>
                    <div class="kj-res-one bg-warning">1</div>
                    <div class="kj-res-one bg-danger">8</div>
                    <div class="kj-res-one bg-focus">3</div>
                    <div class="kj-res-one bg-alternate">9</div>
                    <div class="kj-res-one bg-light">5</div>
                    <div class="kj-res-one bg-dark">4</div>
                </div>
            </div>
            <div class="wlh-dropdown-item">
                <div class="kj-time">期数199923</div>
                <div class="kj-res">
                    <div class="kj-res-one bg-primary">6</div>
                    <div class="kj-res-one bg-secondary">7</div>
                    <div class="kj-res-one bg-success">10</div>
                    <div class="kj-res-one bg-info">2</div>
                    <div class="kj-res-one bg-warning">1</div>
                    <div class="kj-res-one bg-danger">8</div>
                    <div class="kj-res-one bg-focus">3</div>
                    <div class="kj-res-one bg-alternate">9</div>
                    <div class="kj-res-one bg-light">5</div>
                    <div class="kj-res-one bg-dark">4</div>
                </div>
            </div>
        </div>
    </div>
    <div class="h-c-userinfo-contain">
         <div class="h-c-userinfo">
             <div class="h-c-u-left">
                 <div id="avatar-img" class="a-img-5" onclick="onSingleShow('.avatar-img-contain','show',event);"></div>
                 <i class="iconfont wlh-chevron-up" onclick="onSingleShow('#userinfo-dropdown','show',event);"></i>
                 <div class="wlh-dropdown" id="userinfo-dropdown" onclick="stopBubble(event);" style="position: absolute; top: 0px; left: 0px; transform: translate3d(-180px,44px,0px);">
                    <div class="wlh-dropdown-item">个人资料</div>
                    <div class="wlh-dropdown-item">修改密码</div>
                    <div class="wlh-dropdown-item">今日已结</div>
                    <div class="wlh-dropdown-divider"></div>
                    <div class="wlh-dropdown-item">报表查询</div>
                </div>
             </div>
             <div class="h-c-u-center">
                 <div class="h-u-name">hz1800</div>   
                 <div class="h-u-num">300</div>
             </div>
             <div class="h-c-u-right">
                <a href="javascript:" class="btn btn-primary bg-primary btn-sm">
                    <i class="iconfont wlh-volume-up"></i>
                </a>
				<a href="javascript:" class="btn btn-primary bg-primary btn-sm" style="margin-left:10px;">
                    <i class="iconfont wlh-shouye"></i>
                </a>
             </div>
         </div>
    </div>
</div>
<div class="avatar-img-contain">
    <span data-img="0" class="avatar-select-img a-s-img-0" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="1" class="avatar-select-img a-s-img-1" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="2" class="avatar-select-img a-s-img-2" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="3" class="avatar-select-img a-s-img-3" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="4" class="avatar-select-img a-s-img-4" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="5" class="avatar-select-img a-s-img-5" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="6" class="avatar-select-img a-s-img-6" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="7" class="avatar-select-img a-s-img-7" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="8" class="avatar-select-img a-s-img-8" onclick="onSelectTargetAvatar(this,event);"></span>
    <span data-img="10" class="avatar-select-img a-s-img-10" onclick="onSelectTargetAvatar(this,event);"></span>
</div>